//Cambiar estas cosas por cookies
var parametros = null;

function paginarBusqueda(paginaActual){
	
	$("#listaBuscar").fadeOut("fast");
	$("#listaBuscar").html("");
	
	if(parametros == null) parametros = {amigosDe:$.cookie("uuid")};
	
	var desde = (paginaActual-1)*10+1;
	$.getJSON("consultasAjax.php?seccion=buscarUsuarios&desde="+desde+"&cantidad=10",parametros,function(data){
		 var tabla = $("#listaBuscar");
		 $("#buscarTitulo").text(data.titulo);
         $.each(data.usuarios, function(i,usuario){
           /*<table>
				<tr>
				<td>FOTO</td>
				<td>
					<div>Desc</div>
					<div>Ultima acti</div>
					<div>comentario nuevo...</div>
				<tr>
				<tr>
				...
				</tr>
           </table>*/
			var foto = $("<img>");
			var fila = $("<tr>");
			var columnaFoto = $("<td>");
			var columnaInfo = $("<td>");
			var linkUsuario = $("<a>");
			var linkFoto = $("<a>");
			var esAmigo = $("<div>");
			var provincia = null;
			//
			if( (i % 2) == 0 )
			{
				fila.addClass("ui-state-default");
				fila.addClass("ui-corner-all");
				fila.attr("style","color:#000000");
			}
			
				//Foto
				foto.addClass("listaAmigos");
				foto.addClass("ui-state-default ui-corner-all");
				foto.attr("border","0");
				foto.attr("src","imagenes/"+usuario.idFoto+"/"+usuario.nFoto+"/miniatura");
				foto.attr("title",usuario.nombre+" "+usuario.apellido1+" "+usuario.apellido2);
				foto.attr("alt",usuario.nombre+" "+usuario.apellido1+" "+usuario.apellido2);
				
				linkFoto.attr("rel","history");
				linkFoto.attr("href","#perfil&uuid="+usuario.id);
				linkFoto.append(foto);
				linkFoto.addClass("ui-helper-reset");
				
				//Nombre
				linkUsuario.attr("rel","history");
				linkUsuario.attr("href","#perfil&uuid="+usuario.id);
				linkUsuario.text(usuario.nombre+" "+usuario.apellido1+" "+usuario.apellido2);
				linkUsuario.addClass("ui-helper-reset");
				
			
				//Es amigo
				if(!usuario.esAmigo)
				{
					 var peticionAmigo = $("<a>");
					 peticionAmigo.attr("href","javascript:void(0)");
					 peticionAmigo.addClass("dialog_link ui-state-default ui-corner-all");
					 peticionAmigo.text("Enviar peticion de amigo");
					 peticionAmigo.hover(
								function() { $(this).addClass('ui-state-hover'); }, 
								function() { $(this).removeClass('ui-state-hover'); }
							);
							
					 peticionAmigo.click(
								function() {
									$.getJSON("consultasAjax.php",{seccion:"peticionAmigo",idAmigo:usuario.id},function(data){
										if(data.resultado == "ok")
											mensajeSistema("Peticion de amigo enviada");
										else
											mensajeSistema("No se pudo enviar la peticion de amigo");
									});
									//$.cookie('album', album.id);
									//paginarFotos(1);
									
									
								}
							);
					 esAmigo.append("<br>");
					esAmigo.append(peticionAmigo);
					esAmigo.append("<br>");
					esAmigo.append("<br>");
				}
				//Provincia
				if(usuario.provincia.length > 0)
				{
					provincia = $("<div>");
					provincia.text(usuario.provincia);
				}
				columnaFoto.attr("valign","top");
				//Empaquetamos todo
				columnaFoto.append(linkFoto);
				columnaInfo.append(linkUsuario);
				if(provincia != null)
					columnaInfo.append(provincia);
				columnaInfo.append(esAmigo);
				
			
			fila.append(columnaFoto);
			fila.append(columnaInfo);
           tabla.append(fila);
         });
         
         
		$(".listaBuscar").lazyload({ 
			placeholder : "img/progress.gif",
			effect : "fadeIn"
		});
		
		$("#listaBuscar").fadeIn("slow");
		//Paginador
		$("#paginadorBuscar").pager({ pagenumber: paginaActual, pagecount: Math.ceil(data.totales/10), buttonClickCallback: paginarBusqueda });
		
		
		
		$('.paginador-boton, ul#icons li').hover(
			function() { $(this).addClass('ui-state-hover'); }, 
			function() { $(this).removeClass('ui-state-hover'); }
		);
	});
}

$(document).ready(function() {
	
	$("#paginadorBuscar").pager({ pagenumber: 1, pagecount: 15, buttonClickCallback: paginarBusqueda });
    paginarBusqueda(1);
    
});
